<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>小米闪购、小米商城</title>
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="icon" href="img/favicon.ico" type="image/x-icon">
    <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link href="https://cdn.bootcss.com/font-awesome/5.8.2/css/all.min.css" rel="stylesheet">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/style2.css">
    <link rel="stylesheet" href="css/panic.css">

</head>
<body>

    <div class="topbar">
        <div class="container">
            <div class="row">
                <div class="col-md-8">
                    <ul>
                        <li><a href="index.html" class="btn1">小米商城</a></li>
                        <span class="sen pt-2">|</span>
                        <li><a href="" class="btn2">MIUI</a></li>
                        <span class="sen pt-2">|</span>
                        <li><a href="" class="btn3">IoT</a></li>
                        <span class="sen pt-2">|</span>
                        <li><a href="" class="btn4">云服务</a></li>
                        <span class="sen pt-2">|</span>
                        <li><a href="" class="btn5">金融</a></li>
                        <span class="sen pt-2">|</span>
                        <li><a href="" class="btn6">有品</a></li>
                        <span class="sen pt-2">|</span>
                        <li><a href="" class="btn7">小爱开放平台</a></li>
                        <span class="sen pt-2">|</span>
                        <li><a href="" class="btn8">企业团购</a></li>
                        <span class="sen pt-2">|</span>
                        <li><a href="" class="btn9">资质证照</a></li>
                        <span class="sen pt-2">|</span>
                        <li><a href="" class="btn10">协议规则</a></li>
                        <span class="sen pt-2">|</span>
                        <li id="J_ine">
                            <a href="" class="btn11" style="position: relative">下载app
                            <span id="box" class="yin" style="width: 124px;z-index:6;position: absolute;top: 40px;left: 50%;padding: 18px 0px 14px;background: rgb(255, 255, 255);margin-left: -55px;box-shadow: rgb(170, 170, 170) 0px 1px 5px;display: none;">
                                <em style="width:0;height:0;border-width:0 10px 10px;border-style:solid;border-color:transparent transparent #fff;position:absolute;top:-10px;left:50px;"></em>
                                <img src="img/download.png" alt="" style="width: 90px;height: 90px;display: block;margin: 0 auto;">
                                <span style="display:block;text-align: center;font-size:14px;color:#333;line-height:1;margin-top:14px;">小米商城APP</span>
                            </span>
                            </a>
                        </li>
                        <span class="sen pt-2">|</span>
                        <li><a href="" class="btn12">Select Region</a></li>
                    </ul>

                </div>
                <div class="col-md-4 ">
                    <ul>
                        <li><a href="" class="btn14">登录</a></li>
                        <span class="sen pt-2">|</span>
                        <li><a href="" class="btn15">注册</a></li>
                        <span class="sen pt-2">|</span>
                        <li><a href="" class="btn16">消息通知</a></li>
                    </ul>
                    <div class="cin">
                        <a href="" class="ipc aftin" id="L_ine"><i class="fas fa-shopping-cart"></i> <span>购物车</span><span>（0）</span></a>
                    </div>
                    <div class="ipc_bt text-center">
                        <span>购物车中还没有商品，赶紧选购吧！</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="nav">
        <div class="container">
            <div class="nav-Logo">
                <a href="index.html">
                    <i class="ipc1"></i>
                    <i class="ipc2"></i>
                </a>
            </div>
            <i class="fas fa-align-justify hid"></i>
            <div class="clearfix header-nav hids">
                <ul class="nav-list">
                    <li id="linek1">
                        <a href="" class="btn1 nav-category" id="J_ine1">
                            <span>全部商品分类</span>
                        </a>
                    </li>
                    <li id="linek2"><a href="" class="btn2">小米手机</a></li>
                    <li id="linek3"><a href="" class="btn2">Redmi 红米</a></li>
                    <li id="linek4"><a href="" class="btn2">电视</a></li>
                    <li id="linek5"><a href="" class="btn2">笔记本</a></li>
                    <li id="linek6"><a href="" class="btn2">家电</a></li>
                    <li id="linek7"><a href="" class="btn2">路由器</a></li>
                    <li id="linek8"><a href="" class="btn2">智能硬件</a></li>
                    <li><a href="assist.html" class="btn2">服务</a></li>
                    <li><a href="" class="btn2">社区</a></li>
                </ul>
            </div>
            <script>
                var hida = document.querySelector(".hid");
                var hids = document.querySelector(".header-nav");


                hida.addEventListener("click",function(){
                    hids.style.display = "block";
                });
                hida.addEventListener("mouseout",function(){

                    hids.style.display = "none";

                });
            </script>

            <div class="header-search">
                    <form action="" class="search-form">
                        <input type="text" class="search-text search" id="search">
                        <input type="submit" class="submit" value="">
                        <div class="search-hot-words">
                            <a href="">小米9</a>
                            <a href="" >小米9 SE</a>
                        </div>
                        <div class="keyword-list">
                            <ul class="result-list">
                                <li><a href="">小米6X <span class="result">约有6件</span></a></li>
                                <li><a href="">小米MIX 2S <span class="result">约有5件</span></a></li>
                                <li><a href="">黑鲨游戏手机 <span class="result">约有3件</span></a></li>
                                <li><a href="">红米Note 5 <span class="result">约有6件</span></a></li>
                                <li><a href="">红米5A <span class="result">约有13件</span></a></li>
                                <li><a href="">小米电视4c <span class="result">约有5件</span></a></li>
                                <li><a href="">电视32英寸 <span class="result">约有3件</span></a></li>
                                <li><a href="">笔记本pro <span class="result">约有5件</span></a></li>
                                <li><a href="">空气净化器 <span class="result">约有11件</span></a></li>
                                <li><a href="">净水器 <span class="result">约有8件</span></a></li>
                            </ul>
                        </div>
                    </form>

                </div>

        </div>
        <div class="con">
            <div id="box1" class="site-category">
                <ul class="site-category-list clearfix">
                    <li class="category-item" id="dh1">
                        <a href="" class="title">
                            手机 电话卡
                            <i class="fas fa-angle-right"></i>
                        </a>

                        <div id="xs1" class="children clearfix children-col-4">
                            <ul class="children-list children-list-col children-list-col-1">
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2015/cn-index/mi9-80.png?width=80&height=80" alt="" class="thumb">
                                        <span class="text">小米9</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2015/cn-index/mi9se-80.png?width=80&height=80" alt="" class="thumb">
                                        <span class="text">小米9 SE</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2015/cn-index/mix3-80.png?width=80&height=80" alt="" class="thumb">
                                        <span class="text">小米MIX 3</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2015/cn-index/qingchun-80.png?width=80&height=80" alt="" class="thumb">
                                        <span class="text">小米8 青春版</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2015/cn-index/pingmu-80.png?width=80&height=80" alt="" class="thumb">
                                        <span class="text">小米8 屏幕指纹版</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2015/cn-index/m8-80.png?width=80&height=80" alt="" class="thumb">
                                        <span class="text">小米8</span>
                                    </a>
                                </li>
                            </ul>
                            <ul class="children-list children-list-col children-list-col-1">
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2015/cn-index/m8se-80.png?width=80&height=80" alt="" class="thumb">
                                        <span class="text">小米8 SE</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2015/cn-index/mix2s80-80white.png?width=80&height=80" alt="" class="thumb">
                                        <span class="text">小米MIX 2S</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2015/cn-index/max3-80-80.png?width=80&height=80" alt="" class="thumb">
                                        <span class="text">小米Max 3</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2015/cn-index/80808080808080.jpg?width=80&height=80" alt="" class="thumb">
                                        <span class="text">小米6X</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/2019/blacksharkg2/123.jpg?width=80&height=80" alt="" class="thumb">
                                        <span class="text">黑鲨游戏手机 2</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2015/cn-index/heishahelo-80.png?width=80&height=80" alt="" class="thumb">
                                        <span class="text">黑鲨游戏手机 Helo</span>
                                    </a>
                                </li>
                            </ul>
                            <ul class="children-list children-list-col children-list-col-1">
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/2019/redmik20pro/hongse-1.jpg?width=80&height=80" alt="" class="thumb">
                                        <span class="text">Redmi K20 Pro</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/2019/redmik20/lanse-1.jpg?width=80&height=80" alt="" class="thumb">
                                        <span class="text">Redmi K20</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/2019/redmi7a/heisedi.jpg?width=80&height=80" alt="" class="thumb">
                                        <span class="text">Redmi 7A</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/2019/redmi7/800-800.png?width=80&height=80" alt="" class="thumb">
                                        <span class="text">Redmi 7</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/redminote7pro.jpg?width=80&height=80" alt="" class="thumb">
                                        <span class="text">Redmi Note 7 Pro</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2015/cn-index/note780-80.png?width=80&height=80" alt="" class="thumb">
                                        <span class="text">Redmi Note 7</span>
                                    </a>
                                </li>
                            </ul>
                            <ul class="children-list children-list-col children-list-col-1">
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2015/cn-index/80.jpg?width=80&height=80" alt="" class="thumb">
                                        <span class="text">移动4G+专区</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/15/goods/sidebar/compare.jpg?width=80&height=80" alt="" class="thumb">
                                        <span class="text">对比手机</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2015/cn-index/mifenka-1.jpg?width=80&height=80" alt="" class="thumb">
                                        <span class="text">米粉卡 日租卡</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/15/goods/sidebar/mimobile.jpg?width=80&height=80" alt="" class="thumb">
                                        <span class="text">小米移动 电话卡</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2015/cn-index/weixiu80-80.png?width=80&height=80" alt="" class="thumb">
                                        <span class="text">手机上门维修</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="link">
                                        <img src="https://i1.mifile.cn/f/i/g/2015/yunfuwu.jpg?width=80&height=80" alt="" class="thumb">
                                        <span class="text">云服务空间月卡</span>
                                    </a>
                                </li>
                            </ul>

                        </div>
                    </li>
                    <li class="category-item" id="dh2">
                        <a href="" class="title">
                            电视 盒子
                            <i class="fas fa-angle-right"></i>
                        </a>
                        <div id="xs2" class="children clearfix children-col-4">
                            <ul class="children-list children-list-col children-list-col-1">
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2015/cn-index/mijiajiguang4k.jpg?width=80&height=80" alt="" class="thumb">
                                        <span class="text">米家激光投影电视</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2015/cn-index/bihua.jpg?width=80&height=80" alt="" class="thumb">
                                        <span class="text">小米壁画电视 65英寸</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2015/cn-index/E55ADIANSHI.jpg?width=80&height=80" alt="" class="thumb">
                                        <span class="text">小米全面屏电视</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2015/TV4A-32.png?width=80&height=80" alt="" class="thumb">
                                        <span class="text">小米电视4A 32英寸</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2015/TV4A-43QC.png?width=80&height=80" alt="" class="thumb">
                                        <span class="text">小米电视4A 43英寸青春版</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2015/cn-index/4A49.jpg?width=80&height=80" alt="" class="thumb">
                                        <span class="text">小米电视4A 49英寸</span>
                                    </a>
                                </li>
                            </ul>
                            <ul class="children-list children-list-col children-list-col-1">
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2015/TV4A-50.png?width=80&height=80" alt="" class="thumb">
                                        <span class="text">小米电视4A 50英寸</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2015/cn-index/55120120.png?width=80&height=80" alt="" class="thumb">
                                        <span class="text">小米电视4A 55英寸</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2015/TV4A-58-x.png?width=80&height=80" alt="" class="thumb">
                                        <span class="text">小米电视4A 58英寸</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2015/cn-index/65120_120.png?width=80&height=80" alt="" class="thumb">
                                        <span class="text">小米电视4A 65英寸</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2015/TV4C-32.png?width=80&height=80" alt="" class="thumb">
                                        <span class="text">小米电视4C 32英寸</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2015/cn-index/4c-40.jpg?width=80&height=80" alt="" class="thumb">
                                        <span class="text">小米电视4C 40英寸</span>
                                    </a>
                                </li>
                            </ul>
                            <ul class="children-list children-list-col children-list-col-1">
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2015/TV4C-43.png?width=80&height=80" alt="" class="thumb">
                                        <span class="text">小米电视4C 43英寸</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2015/TV4C-50.png?width=80&height=80" alt="" class="thumb">
                                        <span class="text">小米电视4C 50英寸</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2015/cn-index/4C55.jpg?width=80&height=80" alt="" class="thumb">
                                        <span class="text">小米电视4C 55英寸</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2015/TV4X-43xin.png?width=80&height=80" alt="" class="thumb">
                                        <span class="text">小米电视4X 43英寸</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2015/TV4X-55.png?width=80&height=80" alt="" class="thumb">
                                        <span class="text">小米电视4X 55英寸</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2015/cn-index/4X65.jpg?width=80&height=80" alt="" class="thumb">
                                        <span class="text">小米电视4X 65英寸</span>
                                    </a>
                                </li>
                            </ul>
                            <ul class="children-list children-list-col children-list-col-1">
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2015/TV4-55.png?width=80&height=80" alt="" class="thumb">
                                        <span class="text">小米电视4 55英寸</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2015/65yiti.jpg?width=80&height=80" alt="" class="thumb">
                                        <span class="text">小米电视4 65英寸旗舰版</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2015/cn-index/475.jpg?width=80&height=80" alt="" class="thumb">
                                        <span class="text">小米电视4 75英寸</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2015/TV4S-32.png?width=80&height=80" alt="" class="thumb">
                                        <span class="text">小米电视4S</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2015/TVTYB.png?width=80&height=80" alt="" class="thumb">
                                        <span class="text">小米电视 体育版</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2015/cn-index/hezibai480_80.jpg?width=80&height=80" alt="" class="thumb">
                                        <span class="text">小米盒子</span>
                                    </a>
                                </li>
                            </ul>
                        </div>

                    </li>
                    <li class="category-item" id="dh3">
                        <a href="" class="title">
                            笔记本 平板
                            <i class="fas fa-angle-right"></i>
                        </a>
                        <div id="xs3" class="children clearfix children-col-4">
                            <ul class="children-list children-list-col children-list-col-1">
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/bijiben80.jpg?width=80&height=80" alt="" class="thumb">
                                        <span class="text">小米笔记本 15.6"</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2015/cn-index/80x80.png?width=80&height=80" alt="" class="thumb">
                                        <span class="text">小米笔记本 13.3"</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2015/cn-index/bijiben80.jpg?width=80&height=80" alt="" class="thumb">
                                        <span class="text">小米笔记本 12.5"</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2015/RedmiBookbashi.png?width=80&height=80" alt="" class="thumb">
                                        <span class="text">RedmiBook 14</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2015/youxiben-80.jpg?width=80&height=80" alt="" class="thumb">
                                        <span class="text">小米游戏本</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2015/pingban2.jpg?width=80&height=80" alt="" class="thumb">
                                        <span class="text">小米平板4</span>
                                    </a>
                                </li>
                            </ul>
                            <ul class="children-list children-list-col children-list-col-1">
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2015/yuemijianpan80.jpg?width=80&height=80" alt="" class="thumb">
                                        <span class="text">键盘</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2015/cn-index/wxsb80.png?width=80&height=80" alt="" class="thumb">
                                        <span class="text">鼠标／鼠标垫</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/15/goods/sidebar/usbzjqggg80.jpg?width=80&height=80" alt="" class="thumb">
                                        <span class="text">转接器</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2015/xiaomipingbanpeijian80.jpg?width=80&height=80" alt="" class="thumb">
                                        <span class="text">平板配件</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2015/cn-index/bijibenshuangjianbao80.jpg?width=80&height=80" alt="" class="thumb">
                                        <span class="text">笔记本双肩包</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2015/cn-index/neidanbao80.jpg?width=80&height=80" alt="" class="thumb">
                                        <span class="text">小米笔记本内胆包</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="category-item" id="dh4">
                        <a href="" class="title">
                            家电 插线板
                            <i class="fas fa-angle-right"></i>
                        </a>
                        <div id="xs4" class="children clearfix children-col-4">
                            <ul class="children-list children-list-col children-list-col-1">
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2015/cn-index/lishikongtiao.png?width=80&height=80" alt="" class="thumb">
                                        <span class="text">米家立式空调</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2015/cn-index/kongtiaoguan140.png?width=80&height=80" alt="" class="thumb">
                                        <span class="text">米家空调</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2015/cn-index/xihongyitipro_80x80.png?width=80&height=80" alt="" class="thumb">
                                        <span class="text">米家洗烘一体机</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2015/cn-index/redmibolunxiyiji.jpg?width=80&height=80" alt="" class="thumb">
                                        <span class="text">Redmi全自动波轮洗衣机</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2015/cn-index/jingshuiqi80haha.jpg?width=80&height=80" alt="" class="thumb">
                                        <span class="text">净水器</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2015/lvxinbashi.png?width=80&height=80" alt="" class="thumb">
                                        <span class="text">净水器滤芯</span>
                                    </a>
                                </li>
                            </ul>
                            <ul class="children-list children-list-col children-list-col-1">
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2019/saodi.jpg?width=80&height=80" alt="" class="thumb">
                                        <span class="text">扫地机器人</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2019/xichenqi.jpg?width=80&height=80" alt="" class="thumb">
                                        <span class="text">吸尘器</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2015/TV4A-58-x.png?width=80&height=80" alt="" class="thumb">
                                        <span class="text">空气净化器</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2015/cn-index/yalidianfanbao-80.jpg?width=80&height=80" alt="" class="thumb">
                                        <span class="text">电饭煲</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2015/cn-index/diancilu-80.jpg?width=80&height=80" alt="" class="thumb">
                                        <span class="text">电磁炉</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2015/cn-index/tangguo-80.jpg?width=80&height=80" alt="" class="thumb">
                                        <span class="text">厨房用具</span>
                                    </a>
                                </li>
                            </ul>
                            <ul class="children-list children-list-col children-list-col-1">
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2015/cn-index/dianshuihu-80.jpg?width=80&height=80" alt="" class="thumb">
                                        <span class="text">电水壶</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2015/lvshuihu80.jpg?width=80&height=80" alt="" class="thumb">
                                        <span class="text">滤水壶</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2015/mijiadianfengshan80.png?width=80&height=80" alt="" class="thumb">
                                        <span class="text">落地风扇</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2015/cn-index/touyingqingchun.png?width=80&height=80" alt="" class="thumb">
                                        <span class="text">投影仪</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2015/cn-index/xidingdeng-80.jpg?width=80&height=80" alt="" class="thumb">
                                        <span class="text">灯具</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2015/chaxianban80.jpg?width=80&height=80" alt="" class="thumb">
                                        <span class="text">插线板</span>
                                    </a>
                                </li>
                            </ul>
                            <ul class="children-list children-list-col children-list-col-1">
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2015/xinfengji.jpg?width=80&height=80" alt="" class="thumb">
                                        <span class="text">新风机</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2015/diannuanqi.jpg?width=80&height=80" alt="" class="thumb">
                                        <span class="text">电暖器</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2015/yalidianfan.jpg?width=80&height=80" alt="" class="thumb">
                                        <span class="text">电压力锅</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2019/liaoli.jpg?width=80&height=80" alt="" class="thumb">
                                        <span class="text">料理机</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2019/dianzhuhu.jpg?width=80&height=80" alt="" class="thumb">
                                        <span class="text">电煮壶</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="category-item" id="dh5">
                        <a href="" class="title">
                            出行 穿戴
                            <i class="fas fa-angle-right"></i>
                        </a>
                        <div id="xs5" class="children clearfix children-col-4">
                            <ul class="children-list children-list-col children-list-col-1">
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/luyang5/shouhuan_80x80.png?width=80&height=80" alt="" class="thumb">
                                        <span class="text">手环手表</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2015/cn-index/VRyitiji80.jpg?width=80&height=80" alt="" class="thumb">
                                        <span class="text">VR</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2015/cn-index/scooter-80.jpg?width=80&height=80" alt="" class="thumb">
                                        <span class="text">平衡车</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2015/cn-index/scooter2-80.jpg?width=80&height=80" alt="" class="thumb">
                                        <span class="text">滑板车</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2015/chezainibianqi80.jpg?width=80&height=80" alt="" class="thumb">
                                        <span class="text">车载逆变器</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2015/peijian80.jpg?width=80&height=80" alt="" class="thumb">
                                        <span class="text">平衡车配件</span>
                                    </a>
                                </li>
                            </ul>
                            <ul class="children-list children-list-col children-list-col-1">
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2015/cn-index/mirror-80.jpg?width=80&height=80" alt="" class="thumb">
                                        <span class="text">智能后视镜</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2015/jiluyi.jpg?width=80&height=80" alt="" class="thumb">
                                        <span class="text">智能记录仪</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2015/chezaikongjing.jpg?width=80&height=80" alt="" class="thumb">
                                        <span class="text">车载空气净化器</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2019/chechong.jpg?width=80&height=80" alt="" class="thumb">
                                        <span class="text">无线车充</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2019/chongqi.jpg?width=80&height=80" alt="" class="thumb">
                                        <span class="text">充气宝</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2019/pinghenglun.jpg?width=80&height=80" alt="" class="thumb">
                                        <span class="text">平衡轮</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="category-item" id="dh6">
                        <a href="" class="title">
                            智能 路由器
                            <i class="fas fa-angle-right"></i>
                        </a>
                        <div id="xs6" class="children clearfix children-col-4">
                            <ul class="children-list children-list-col children-list-col-1">
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2015/zhaopiandayinj.jpg?width=80&height=80" alt="" class="thumb">
                                        <span class="text">打印机</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2015/cn-index/luyouqi4_80.jpg?width=80&height=80" alt="" class="thumb">
                                        <span class="text">路由器</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2015/zhinengjiating80.jpg?width=80&height=80" alt="" class="thumb">
                                        <span class="text">智能家庭</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2015/duijiangji.jpg?width=80&height=80" alt="" class="thumb">
                                        <span class="text">对讲机</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2015/cn-index/wurenji80.jpg?width=80&height=80" alt="" class="thumb">
                                        <span class="text">无人机</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2015/cn-index/camera-head-80.jpg?width=80&height=80" alt="" class="thumb">
                                        <span class="text">摄像机</span>
                                    </a>
                                </li>
                            </ul>
                            <ul class="children-list children-list-col children-list-col-1">

                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2015/cn-index/camera-small-80.jpg?width=80&height=80" alt="" class="thumb">
                                        <span class="text">照相机</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2015/mensuo.jpg?width=80&height=80" alt="" class="thumb">
                                        <span class="text">智能门锁</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2019/menling.jpg?width=80&height=80" alt="" class="thumb">
                                        <span class="text">视频门铃</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/luyang5/laoshi_80x80.png?width=80&height=80" alt="" class="thumb">
                                        <span class="text">小爱老师</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2019/play.jpg?width=80&height=80" alt="" class="thumb">
                                        <span class="text">小爱音箱</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="category-item" id="dh7">
                        <a href="" class="title">
                            电源  配件
                            <i class="fas fa-angle-right"></i>
                        </a>
                        <div id="xs7" class="children clearfix children-col-4">
                            <ul class="children-list children-list-col children-list-col-1">
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2015/cn-index/dianyuan2.100080.jpg?width=80&height=80" alt="" class="thumb">
                                        <span class="text">移动电源</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2015/cn-index/shujuxian-80.jpg?width=80&height=80" alt="" class="thumb">
                                        <span class="text">数据线</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2015/cn-index/chezaichongdianqi80.jpg?width=80&height=80" alt="" class="thumb">
                                        <span class="text">车充</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2015/cn-index/chongdianqi-80.jpg?width=80&height=80" alt="" class="thumb">
                                        <span class="text">充电器</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2015/wuxianchong80.jpg?width=80&height=80" alt="" class="thumb">
                                        <span class="text">无线充</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/15/goods/sidebar/7Battery1.jpg?width=80&height=80" alt="" class="thumb">
                                        <span class="text">电池</span>
                                    </a>
                                </li>
                            </ul>
                            <ul class="children-list children-list-col children-list-col-1">
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2015/cn-index/zipaigan80.jpg?width=80&height=80" alt="" class="thumb">
                                        <span class="text">自拍杆</span>
                                    </a>
                                </li>

                            </ul>
                        </div>
                    </li>
                    <li class="category-item" id="dh8">
                        <a href="" class="title">
                            健康 儿童
                            <i class="fas fa-angle-right"></i>
                        </a>
                        <div id="xs8" class="children clearfix children-col-4">
                            <ul class="children-list children-list-col children-list-col-1">
                                <li>
                                    <a href="" class="link">
                                        <img src="https://i1.mifile.cn/f/i/g/2015/xishouji.jpg?width=80&height=80" alt="" class="thumb">
                                        <span class="text">洗手机</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2015/cn-index/tixvdao80.jpg?width=80&height=80" alt="" class="thumb">
                                        <span class="text">剃须刀</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2015/riguang.jpg?width=80&height=80" alt="" class="thumb">
                                        <span class="text">日光镜</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2015/cn-index/yashua80.jpg?width=80&height=80" alt="" class="thumb">
                                        <span class="text">牙刷</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2015/chuifengji.jpg?width=80&height=80" alt="" class="thumb">
                                        <span class="text">吹风机</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/15/goods/list/scale.jpg?width=80&height=80" alt="" class="thumb">
                                        <span class="text">体重秤</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="category-item" id="dh9">
                        <a href="" class="title">
                            耳机 音箱
                            <i class="fas fa-angle-right"></i>
                        </a>
                        <div id="xs9" class="children clearfix children-col-4">
                            <ul class="children-list children-list-col children-list-col-1">
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2015/xiaoaimini-08.jpg?width=80&height=80" alt="" class="thumb">
                                        <span class="text">小米小爱音箱mini</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2015/cn-index/erji80.jpg?width=80&height=80" alt="" class="thumb">
                                        <span class="text">线控耳机</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2019/airdots.jpg?width=80&height=80" alt="" class="thumb">
                                        <span class="text">蓝牙耳机</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2015/cn-index/toudai80.jpg?width=80&height=80" alt="" class="thumb">
                                        <span class="text">头戴耳机</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2015/video/pinpai80.jpg?width=80&height=80" alt="" class="thumb">
                                        <span class="text">品牌耳机</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2015/cn-index/800-800-3.jpg?width=80&height=80" alt="" class="thumb">
                                        <span class="text">蓝牙音箱</span>
                                    </a>
                                </li>
                            </ul>
                            <ul class="children-list children-list-col children-list-col-1">
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2015/xiaoai.jpg?width=80&height=80" alt="" class="thumb">
                                        <span class="text">小米AI音箱</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2015/xiaoaiyinxhd.jpg?width=80&height=80" alt="" class="thumb">
                                        <span class="text">小米小爱音箱HD</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2015/kgeerji.jpg?width=80&height=80" alt="" class="thumb">
                                        <span class="text">k歌耳机</span>
                                    </a>
                                </li>

                            </ul>

                        </div>
                    </li>
                    <li class="category-item" id="dh10">
                        <a href="" class="title">
                            生活 箱包
                            <i class="fas fa-angle-right"></i>
                        </a>
                        <div id="xs10" class="children clearfix children-col-4">
                            <ul class="children-list children-list-col children-list-col-1">
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2015/cn-index/xiangbao-80.jpg?width=80&height=80" alt="" class="thumb">
                                        <span class="text">双肩包</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2015/cn-index/qianbao-80.jpg?width=80&height=80" alt="" class="thumb">
                                        <span class="text">钱包</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/15/goods/sidebar/lvxingxiang.jpg?width=80&height=80" alt="" class="thumb">
                                        <span class="text">旅行箱</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2015/shenhuahui80.jpg?width=80&height=80" alt="" class="thumb">
                                        <span class="text">运动鞋</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2015/cn-index/txv80.jpg?width=80&height=80" alt="" class="thumb">
                                        <span class="text">服饰</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2015/cn-index/tyj80.jpg?width=80&height=80" alt="" class="thumb">
                                        <span class="text">眼镜</span>
                                    </a>
                                </li>
                            </ul>
                            <ul class="children-list children-list-col children-list-col-1">
                                <li>
                                    <a href="" class="link">
                                        <img src="//i1.mifile.cn/f/i/g/2015/cn-index/chuangdian-80-80.jpg?width=80&height=80" alt="" class="thumb">
                                        <span class="text">床垫</span>
                                    </a>
                                </li>

                            </ul>

                        </div>
                    </li>
                </ul>
            </div>
            <div id="box2" class="header-nav-menu header-nav-menu-active">
            <div class="container">
                <ul class="clearfix">
                    <li class="first">
                        <div class="figure figure-thumb">
                            <a href="">
                                <img src="img/sj/mi9-320.png" alt="">
                            </a>
                        </div>
                        <a href="">
                            小米9
                        </a>
                        <p>
                            2799元
                        </p>
                    </li>
                    <li>
                        <div class="figure figure-thumb">
                            <a href="">
                                <img src="img/sj/mi9se-320.png" alt="">
                            </a>
                        </div>
                        <a href="">
                            小米9 SE
                        </a>
                        <p>
                            1999元
                        </p>
                    </li>
                    <li>
                        <div class="figure figure-thumb">
                            <a href="">
                                <img src="img/sj/qingchun-320.png" alt="">
                            </a>
                        </div>
                        <a href="">
                            小米8 青春版
                        </a>
                        <p>
                            1099元
                        </p>
                    </li>
                    <li>
                        <div class="figure figure-thumb">
                            <a href="">
                                <img src="img/sj/mix3-320.png" alt="">
                            </a>
                        </div>
                        <a href="">
                            小米MIX 3
                        </a>
                        <p>
                            2299元
                        </p>
                    </li>
                    <li>
                        <div class="figure figure-thumb">
                            <a href="">
                                <img src="img/sj/pc-320-220-mi8.png" alt="">
                            </a>
                        </div>
                        <a href="">
                            小米4
                        </a>
                        <p>
                            2049元
                        </p>
                    </li>
                    <li>
                        <div class="figure figure-thumb">
                            <a href="">
                                <img src="img/sj/pc-320-miplay-1.png" alt="">
                            </a>
                        </div>
                        <a href="">
                            小米Play
                        </a>
                        <p>
                            1099元
                        </p>
                    </li>
                </ul>
            </div>
        </div>

            <div id="box3" class="header-nav-menu header-nav-menu-active">
                <div class="container">
                    <ul class="clearfix">
                        <li class="first">
                            <div class="figure figure-thumb">
                                <a href="">
                                    <img src="http://i1.mifile.cn/f/i/2019/redmik20pro/red.jpg" alt="">
                                </a>
                            </div>
                            <a href="">
                                Redmi K20 Pro
                            </a>
                            <p>
                                2499元
                            </p>
                        </li>
                        <li>
                            <div class="figure figure-thumb">
                                <a href="">
                                    <img src="https://i1.mifile.cn/f/i/2019/redmik20/lanse.jpg" alt="">
                                </a>
                            </div>
                            <a href="">
                                Redmi K20
                            </a>
                            <p>
                                1999元
                            </p>
                        </li>
                        <li>
                            <div class="figure figure-thumb">
                                <a href="">
                                    <img src="https://i1.mifile.cn/f/i/2019/redmi7a/black.jpg" alt="">
                                </a>
                            </div>
                            <a href="">
                                Redmi 7A
                            </a>
                            <p>
                                549元
                            </p>
                        </li>
                        <li>
                            <div class="figure figure-thumb">
                                <a href="">
                                    <img src="https://i1.mifile.cn/f/i/g/2019/redmi.jpg" alt="">
                                </a>
                            </div>
                            <a href="">
                                Redmi Note 7 Pro
                            </a>
                            <p>
                                1399元
                            </p>
                        </li>
                        <li>
                            <div class="figure figure-thumb">
                                <a href="">
                                    <img src="https://i1.mifile.cn/f/i/g/2015/cn-index/note7320-220.png" alt="">
                                </a>
                            </div>
                            <a href="">
                                Redmi Note 7
                            </a>
                            <p>
                                999元
                            </p>
                        </li>
                        <li>
                            <div class="figure figure-thumb">
                                <a href="">
                                    <img src="https://i1.mifile.cn/f/i/2019/redmi7/320-220.png" alt="">
                                </a>
                            </div>
                            <a href="">
                                Redmi 7
                            </a>
                            <p>
                                699元
                            </p>
                        </li>
                    </ul>
                </div>
            </div>
            <div id="box4" class="header-nav-menu header-nav-menu-active">
                <div class="container">
                    <ul class="clearfix">
                        <li class="first">
                            <div class="figure figure-thumb">
                                <a href="">
                                    <img src="https://i1.mifile.cn/f/i/g/2015/cn-index/bihuadianshi.jpg" alt="">
                                </a>
                            </div>
                            <a href="">
                                小米壁画电视 65英寸
                            </a>
                            <p>
                                6999元
                            </p>
                        </li>
                        <li>
                            <div class="figure figure-thumb">
                                <a href="">
                                    <img src="https://i1.mifile.cn/f/i/g/2015/cn-index/quanmianping55A.jpg" alt="">
                                </a>
                            </div>
                            <a href="">
                                小米全面屏电视E55A
                            </a>
                            <p>
                                1999元
                            </p>
                        </li>
                        <li>
                            <div class="figure figure-thumb">
                                <a href="">
                                    <img src="https://i1.mifile.cn/f/i/g/2015/cn-index/32.png" alt="">
                                </a>
                            </div>
                            <a href="">
                                小米电视4A 32英寸
                            </a>
                            <p>
                                699元
                            </p>
                        </li>
                        <li>
                            <div class="figure figure-thumb">
                                <a href="">
                                    <img src="https://i1.mifile.cn/f/i/g/2015/cn-index/4A-55.jpg" alt="">
                                </a>
                            </div>
                            <a href="">
                                小米电视4A 55英寸
                            </a>
                            <p>
                                1899元
                            </p>
                        </li>
                        <li>
                            <div class="figure figure-thumb">
                                <a href="">
                                    <img src="https://i1.mifile.cn/f/i/g/2015/cn-index/4a653202201.jpg" alt="">
                                </a>
                            </div>
                            <a href="">
                                小米电视4A 65英寸
                            </a>
                            <p>
                                2599元
                            </p>
                        </li>
                        <li>
                            <div class="figure figure-thumb">
                                <a href="">
                                    <img src="https://i1.mifile.cn/f/i/g/2015/cn-index/475toutu.png" alt="">
                                </a>
                            </div>
                            <a href="">
                                查看全部
                            </a>
                            <br>
                            <a href="">
                                小米电视
                            </a>
                        </li>
                    </ul>
                </div>
            </div>

            <div id="box5" class="header-nav-menu header-nav-menu-active">
                <div class="container">
                    <ul class="clearfix">
                        <li class="first">
                            <div class="figure figure-thumb">
                                <a href="">
                                    <img src="//i1.mifile.cn/f/i/g/2015/RedmiBook.png" alt="">
                                </a>
                            </div>
                            <a href="">
                                RedmiBook 14
                            </a>
                            <p>
                                3999元起
                            </p>
                        </li>
                        <li>
                            <div class="figure figure-thumb">
                                <a href="">
                                    <img src="//i1.mifile.cn/f/i/g/2015/12.5yinsetoubu.png" alt="">
                                </a>
                            </div>
                            <a href="">
                                小米笔记本 Air 12.5"
                            </a>
                            <p>
                                3499元
                            </p>
                        </li>
                        <li>
                            <div class="figure figure-thumb">
                                <a href="">
                                    <img src="//i1.mifile.cn/f/i/g/2015/13.3huise.png" alt="">
                                </a>
                            </div>
                            <a href="">
                                小米笔记本 Air 13.3"
                            </a>
                            <p>
                                4399元
                            </p>
                        </li>
                        <li>
                            <div class="figure figure-thumb">
                                <a href="">
                                    <img src="//i1.mifile.cn/f/i/g/2015/rubyheise.png" alt="">
                                </a>
                            </div>
                            <a href="">
                                小米笔记本 15.6"
                            </a>
                            <p>
                                2799元
                            </p>
                        </li>
                        <li>
                            <div class="figure figure-thumb">
                                <a href="">
                                    <img src="//i1.mifile.cn/f/i/g/2015/cn-index/WechatIMG603.png" alt="">
                                </a>
                            </div>
                            <a href="">
                                小米笔记本 Pro 15.6"
                            </a>
                            <p>
                                4999元
                            </p>
                        </li>
                        <li>
                            <div class="figure figure-thumb">
                                <a href="">
                                    <img src="//i1.mifile.cn/f/i/g/2015/xinbijiben.png" alt="">
                                </a>
                            </div>
                            <a href="">
                                小米游戏本
                            </a>
                            <p>
                                6499元
                            </p>
                        </li>
                    </ul>
                </div>
            </div>
            <div id="box6" class="header-nav-menu header-nav-menu-active">
                <div class="container">
                    <ul class="clearfix">
                        <li class="first">
                            <div class="figure figure-thumb">
                                <a href="">
                                    <img src="//i1.mifile.cn/f/i/g/2015/cn-index/yijinengxiaokongtiao.png" alt="">
                                </a>
                            </div>
                            <a href="">
                                米家互联网空调（一级能效）
                            </a>
                            <p>
                                1999元
                            </p>
                        </li>
                        <li>
                            <div class="figure figure-thumb">
                                <a href="">
                                    <img src="//i1.mifile.cn/f/i/g/2015/xihongxin.png" alt="">
                                </a>
                            </div>
                            <a href="">
                                米家滚筒洗烘一体机1A 8kg
                            </a>
                            <p>
                                1699元
                            </p>
                        </li>
                        <li>
                            <div class="figure figure-thumb">
                                <a href="">
                                    <img src="//i1.mifile.cn/f/i/g/2015/cn-index/redmixiyiji.jpg" alt="">
                                </a>
                            </div>
                            <a href="">
                                Redmi全自动波轮洗衣机1A
                            </a>
                            <p>
                                799元
                            </p>
                        </li>
                        <li>
                            <div class="figure figure-thumb">
                                <a href="">
                                    <img src="//i1.mifile.cn/f/i/g/2019/yanzao.jpg" alt="">
                                </a>
                            </div>
                            <a href="">
                                烟灶套装
                            </a>
                            <p>
                                1999元
                            </p>
                        </li>
                        <li>
                            <div class="figure figure-thumb">
                                <a href="">
                                    <img src="//i1.mifile.cn/f/i/g/2015/xiaomijingshuiqi.jpg" alt="">
                                </a>
                            </div>
                            <a href="">
                                小米净水器
                            </a>
                            <p>
                                1599元
                            </p>
                        </li>
                        <li>
                            <div class="figure figure-thumb">
                                <a href="">
                                    <img src="//i1.mifile.cn/f/i/g/2019/yanzao.jpg" alt="">
                                </a>
                            </div>
                            <a href="">
                                米家扫地机器人
                            </a>
                            <p>
                                1278元
                            </p>
                        </li>
                    </ul>
                </div>
            </div>

            <div id="box7" class="header-nav-menu header-nav-menu-active">
                <div class="container">
                    <ul class="clearfix">
                        <li class="first">
                            <div class="figure figure-thumb">
                                <a href="">
                                    <img src="//i1.mifile.cn/f/i/g/2019/luyoumesh.jpg" alt="">
                                </a>
                            </div>
                            <a href="">
                                小米路由器 Mesh
                            </a>
                            <p>
                                999元
                            </p>
                        </li>
                        <li>
                            <div class="figure figure-thumb">
                                <a href="">
                                    <img src="//i1.mifile.cn/f/i/g/2019/qianzhao.jpg" alt="">
                                </a>
                            </div>
                            <a href="">
                                小米路由器4A 千兆版
                            </a>
                            <p>
                                139元
                            </p>
                        </li>
                        <li>
                            <div class="figure figure-thumb">
                                <a href="">
                                    <img src="//i1.mifile.cn/f/i/g/2015/luyouqi41C.jpg" alt="">
                                </a>
                            </div>
                            <a href="">
                                小米路由器 4C
                            </a>
                            <p>
                                59元
                            </p>
                        </li>
                        <li>
                            <div class="figure figure-thumb">
                                <a href="">
                                    <img src="//i1.mifile.cn/f/i/g/luyouqi4A.jpg" alt="">
                                </a>
                            </div>
                            <a href="">
                                小米路由器4A
                            </a>
                            <p>
                                89元
                            </p>
                        </li>
                        <li>
                            <div class="figure figure-thumb">
                                <a href="">
                                    <img src="//i1.mifile.cn/f/i/g/2015/PRO.png" alt="">
                                </a>
                            </div>
                            <a href="">
                                小米路由器 HD/Pro
                            </a>
                            <p>
                                499元起
                            </p>
                        </li>
                        <li>
                            <div class="figure figure-thumb">
                                <a href="">
                                    <img src="//i1.mifile.cn/f/i/g/2015/quanbuluyouqi.png" alt="">
                                </a>
                            </div>
                            <a href="">
                                查看全部小米路由器
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <div id="box8" class="header-nav-menu header-nav-menu-active">
                <div class="container">
                    <ul class="clearfix">
                        <li class="first">
                            <div class="figure figure-thumb">
                                <a href="">
                                    <img src="//i1.mifile.cn/f/i/g/2015/yuntai.jpg" alt="">
                                </a>
                            </div>
                            <a href="">
                                小米米家智能摄像机云台版
                            </a>
                            <p>
                                179元
                            </p>
                        </li>
                        <li>
                            <div class="figure figure-thumb">
                                <a href="">
                                    <img src="//i1.mifile.cn/f/i/g/2019/xiaoailaoshi.jpg" alt="">
                                </a>
                            </div>
                            <a href="">
                                小米小爱老师
                            </a>
                            <p>
                                499元
                            </p>
                        </li>
                        <li>
                            <div class="figure figure-thumb">
                                <a href="">
                                    <img src="//i1.mifile.cn/f/i/g/2019/mensuo.jpg" alt="">
                                </a>
                            </div>
                            <a href="">
                                小米米家智能门锁
                            </a>
                            <p>
                                1199元
                            </p>
                        </li>
                        <li>
                            <div class="figure figure-thumb">
                                <a href="">
                                    <img src="//i1.mifile.cn/f/i/g/2019/chuping.jpg" alt="">
                                </a>
                            </div>
                            <a href="">
                                小米小爱触屏音箱
                            </a>
                            <p>
                                249元
                            </p>
                        </li>
                        <li>
                            <div class="figure figure-thumb">
                                <a href="">
                                    <img src="//i1.mifile.cn/f/i/g/2019/wannengyaokong.jpg" alt="">
                                </a>
                            </div>
                            <a href="">
                                小爱万能遥控版
                            </a>
                            <p>
                                199元
                            </p>
                        </li>
                        <li>
                            <div class="figure figure-thumb">
                                <a href="">
                                    <img src="//i1.mifile.cn/f/i/g/2019/shouh4.jpg" alt="">
                                </a>
                            </div>
                            <a href="">
                                查看全部
                                <br>
                                智能硬件
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>



    <div class="seckill mt-4 clearfix">
        <div class="seckill-head clearfix">
            <h1>小米秒杀</h1>
        </div>
        <div class="container clearfix">
            <div class="seckill-banner">
                    <div class="container text-center relative num">
                        <ul class="tab-menu">
                            <li class="active"><i class="l" >
                                <em>8:00</em>
                                <span>
                                    <em class="inl">
                                        <i>抢购中</i>
                                        <br>
                                        <em id="time">

                                        </em>
                                    </em>
                                </span>
                            </i></li>
                            <li><i class="l">
                                <em>12:00</em>
                                <span>
                                        即将开始
                                </span>
                            </i></li>
                            <li><i class="l" >
                                <em>16:00</em>
                                <span>
                                        即将开始
                                </span>
                            </i></li>
                            <li><i class="l" >
                                <em>20:00</em>
                                <span>
                                        即将开始
                                </span>
                            </i></li>
                            <li><i class="l" >
                                <em>24:00</em>
                                <span>
                                        即将开始
                                </span>
                            </i></li>
                        </ul>
                    </div>
            </div>
            <div class="tab-box">
                <div class="container lincolo"  id="app" style="display: block">
                        <ul class="clearfix d-flex justify-content-between" style="flex-wrap: wrap;">
                                <li v-for="linke in message">
                                    <a href="">
                                        <span class="img-con">
                                            <img :src=" linke.img " alt="">
                                        </span>
                                        <span class="pro-con">
                                            <span class="name">
                                                {{ linke.span1 }}
                                            </span>
                                            <span class="desc text-left">
                                                {{ linke.span2 }}
                                            </span>
                                            <span class="process">
                                                <span class="rig"></span>
                                                <em class="jd"> <i>100</i>%</em>
                                            </span>
                                            <span class="price text-left">
                                                {{ linke.span3 }}
                                                <del>
                                                    {{ linke.del }}
                                                </del>
                                            </span>
                                            <span class="disabled ">
                                                {{ linke.span4 }}
                                            </span>

                                        </span>
                                    </a>
                                </li>
                            </ul>

                    </div>
                <div class="container" id="app1">
                        <ul class="clearfix d-flex grinner justify-content-between" style="flex-wrap: wrap;">
                            <li v-for="linke in message">
                                <a href="">
                                        <span class="img-con">
                                            <img :src=" linke.img " alt="">
                                        </span>
                                        <span class="pro-con">
                                            <span class="name">
                                                {{ linke.span1 }}
                                            </span>
                                            <span class="desc text-left">
                                                {{ linke.span2 }}
                                            </span>
                                            <span class="process">
                                                <span class="rig"></span>
                                                <em class="jd"> <i>100</i>%</em>
                                            </span>
                                            <span class="price text-left">
                                                {{ linke.span3 }}
                                                <del>
                                                    {{ linke.del }}
                                                </del>
                                            </span>
                                            <span class="disabled">
                                                {{ linke.span4 }}
                                            </span>

                                        </span>
                                </a>
                            </li>
                        </ul>
                    </div>
                <div class="container" id="app2">
                        <ul class="clearfix d-flex justify-content-between" style="flex-wrap: wrap;">
                            <li v-for="linke in message">
                                <a href="">
                                        <span class="img-con">
                                            <img :src=" linke.img " alt="">
                                        </span>
                                        <span class="pro-con">
                                            <span class="name">
                                                {{ linke.span1 }}
                                            </span>
                                            <span class="desc text-left">
                                                {{ linke.span2 }}
                                            </span>
                                            <span class="process">
                                                <span class="rig"></span>
                                                <em class="jd"> <i>100</i>%</em>
                                            </span>
                                            <span class="price text-left">
                                                {{ linke.span3 }}
                                                <del>
                                                    {{ linke.del }}
                                                </del>
                                            </span>
                                            <span class="disabled ">
                                                {{ linke.span4 }}
                                            </span>

                                        </span>
                                </a>
                            </li>
                        </ul>
                    </div>
                <div class="container" id="app3">
                        <ul class="clearfix d-flex justify-content-between" style="flex-wrap: wrap;">
                            <li v-for="linke in message">
                                <a href="">
                                        <span class="img-con">
                                            <img :src=" linke.img " alt="">
                                        </span>
                                        <span class="pro-con">
                                            <span class="name">
                                                {{ linke.span1 }}
                                            </span>
                                            <span class="desc text-left">
                                                {{ linke.span2 }}
                                            </span>
                                            <span class="process">
                                                <span class="rig"></span>
                                                <em class="jd"> <i>100</i>%</em>
                                            </span>
                                            <span class="price text-left">
                                                {{ linke.span3 }}
                                                <del>
                                                    {{ linke.del }}
                                                </del>
                                            </span>
                                            <span class="disabled ">
                                                {{ linke.span4 }}
                                            </span>

                                        </span>
                                </a>
                            </li>
                        </ul>
                    </div>
                <div class="container" id="app4">
                        <ul class="clearfix d-flex justify-content-between" style="flex-wrap: wrap;">
                            <li v-for="linke in message">
                                <a href="">
                                        <span class="img-con">
                                            <img :src=" linke.img " alt="">
                                        </span>
                                        <span class="pro-con">
                                            <span class="name">
                                                {{ linke.span1 }}
                                            </span>
                                            <span class="desc text-left">
                                                {{ linke.span2 }}
                                            </span>
                                            <span class="process">
                                                <span class="rig"></span>
                                                <em class="jd"> <i>100</i>%</em>
                                            </span>
                                            <span class="price text-left">
                                                {{ linke.span3 }}
                                                <del>
                                                    {{ linke.del }}
                                                </del>
                                            </span>
                                            <span class="disabled ">
                                                {{ linke.span4 }}
                                            </span>

                                        </span>
                                </a>
                            </li>
                        </ul>
                    </div>
            </div>

        </div>
        <div class="container notic" id="paa">
            <div v-for="lis in list">
                {{ lis.span1 }}
                {{ lis.span2 }}
                {{ lis.span3 }}
                {{ lis.span4 }}
                {{ lis.span5 }}
            </div>
        </div>
    </div>



    <div class="site-footer">
        <div class="container">
            <div class="footer-service">
                <ul class="list-service clearfix l-s">
                    <li><a href="">
                        <i class="fas fa-wrench fa-rotate-270"></i>
                        预约维修服务
                    </a></li>
                    <li><a href="">
                        <i class="fal1"></i>
                        7天无理由退货
                    </a></li>
                    <li><a href="">
                        <i class="fal2"></i>
                        15天免费换货
                    </a></li>
                    <li><a href="">
                        <i class="fas fa-gift"></i>
                        满150元包邮
                    </a></li>
                    <li><a href="">
                        <i class="fas fa-map-marker-alt"></i>
                        520余家售后网点
                    </a></li>
                </ul>
            </div>
            <div class="footer-links  clearfix">
                <dl class="col-links d-f col-links-first">
                    <dl class="col-links col-links-first">
                        <dt>帮助中心</dt>
                        <dd>
                            <a href="">账户管理</a>
                        </dd>
                        <dd>
                            <a href="">购物指南</a>
                        </dd>
                        <dd>
                            <a href="">订单操作</a>
                        </dd>
                    </dl>
                </dl>
                <dl class="col-links  d-f col-links-first">
                    <dl class="col-links col-links-first">
                        <dt>服务支持</dt>
                        <dd>
                            <a href="">售后政策</a>
                        </dd>
                        <dd>
                            <a href="">自助服务</a>
                        </dd>
                        <dd>
                            <a href="">相关下载</a>
                        </dd>
                    </dl>
                </dl>
                <dl class="col-links  d-f col-links-first">
                    <dl class="col-links col-links-first">
                        <dt>线下门店</dt>
                        <dd>
                            <a href="">小米之家</a>
                        </dd>
                        <dd>
                            <a href="">服务网点</a>
                        </dd>
                        <dd>
                            <a href="">授权体验店</a>
                        </dd>
                    </dl>
                </dl>
                <dl class="col-links  d-f col-links-first">
                    <dl class="col-links col-links-first">
                        <dt>关于小米</dt>
                        <dd>
                            <a href="">了解小米</a>
                        </dd>
                        <dd>
                            <a href="">加入小米</a>
                        </dd>
                        <dd>
                            <a href="">投资者关系</a>
                        </dd>
                    </dl>
                </dl>
                <dl class="col-links  d-f col-links-first">
                    <dl class="col-links col-links-first">
                        <dt>关注我们</dt>
                        <dd>
                            <a href="">新浪微博</a>
                        </dd>
                        <dd>
                            <a href="">官方微信</a>
                        </dd>
                        <dd>
                            <a href="">联系我们</a>
                        </dd>
                    </dl>
                </dl>
                <dl class="col-links  d-f col-links-first">
                    <dl class="col-links col-links-first">
                        <dt>特色服务</dt>
                        <dd>
                            <a href="">F 码通道</a>
                        </dd>
                        <dd>
                            <a href="">礼物码</a>
                        </dd>
                        <dd>
                            <a href="">防伪查询</a>
                        </dd>
                    </dl>
                </dl>
                <div class="col-contact hids">
                    <p class="phone">400-100-5678</p>
                    <p>

                        周一至周日 8:00-18:00
                        <br>
                        （仅收市话费）
                    </p>
                    <a href="" class="btn btn-line-primary btn-small">
                        <i class="fas fa-comment-dots"></i>
                        联系客服
                    </a>
                </div>
            </div>
        </div>
    </div>
    <div class="site-info">
        <div class="container">
            <div class="logo "></div>
            <div class="info-text ">
                <p class="sites hids d-flex">
                    <a href="">小米商城</a>
                    <span class="sep">|</span>
                    <a href="">MIUI</a>
                    <span class="sep">|</span>
                    <a href="">米家</a>
                    <span class="sep">|</span>
                    <a href="">米聊</a>
                    <span class="sep">|</span>
                    <a href="">多看</a>
                    <span class="sep">|</span>
                    <a href="">游戏</a>
                    <span class="sep">|</span>
                    <a href="">路由器</a>
                    <span class="sep">|</span>
                    <a href="">米粉卡</a>
                    <span class="sep">|</span>
                    <a href="">政企服务</a>
                    <span class="sep">|</span>
                    <a href="">小米天猫店</a>
                    <span class="sep">|</span>
                    <a href="">隐私政策</a>
                    <span class="sep">|</span>
                    <a href="">商城用户协议</a>
                    <span class="sep">|</span>
                    <a href="">账号协议</a>
                    <span class="sep">|</span>
                    <a href="">问题反馈</a>
                    <span class="sep">|</span>
                    <a href="">廉正举报</a>
                    <span class="sep">|</span>
                    <a href="">诚信合规</a>
                    <span class="sep">|</span>
                    <a href="">Select Region</a>
                </p>
                <p>
                    @
                    <a href="">mi.com</a>
                    京ICP证110507号
                    <a href="">京ICP备10046444号</a>
                    <a href="">京公网安备11010802020134号</a>
                    <a href="">京网文[2017]1530-131号</a>
                    <br>
                    <a href="">（京）网械平台备字（2018）第00005号</a>
                    <a href="">互联网药品信息服务资格证 (京) -非经营性-2014-0090</a>
                    <a href="">营业执照</a>
                    <a href="">医疗器械公告</a>
                    <br>
                    <a href="">增值电信业务许可证</a>
                    &nbsp;网络食品经营备案（京）【2018】WLSPJYBAHF-12&nbsp;
                    <a href="">食品经营许可证</a>
                    <br>
                    违法和不良信息举报电话：185-0130-1238
                    <a href="">知识产权侵权投诉</a>
                    本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
                </p>
            </div>
            <div class="info-links d-flex hids w-100">
                <a href="">
                    <img src="img/permit/truste.png" alt="">
                </a>
                <a href="">
                    <img src="img/permit/v-logo-2.png" alt="">
                </a>
                <a href="">
                    <img src="img/permit/v-logo-1.png" alt="">
                </a>
                <a href="">
                    <img src="img/permit/v-logo-3.png" alt="">
                </a>
                <a href="">
                    <img src="img/permit/ba10428a4f9495ac310fd0b5e0cf8370.png" alt="">
                </a>
            </div>
        </div>
        <div class="slogan"></div>
    </div>


    <script src="js/axios.min.js"></script>
    <script src="js/vue.js"></script>
    <script src="js/script.js"></script>
    <script src="js/index.js"></script>

</body>
</html>